.back {
  height: 200rpx;
}

.sub-back {
  position: fixed;
  top: 120rpx;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f7f7f7;
  z-index: -1;
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  margin: 24rpx;
  background-color: #ffffff;
  padding: 24rpx;
  border-radius: 8rpx;
  box-shadow: 0 0 40rpx 8rpx #00000010;
  z-index: 1;

  .line {
    padding: 18rpx 0;

    &:first-child {
      border-bottom: 1px solid #eeeeee;
    }

    .ipt {
      flex: 1;
    }

    .item {
      flex: 1;
      border-right: 1px solid #eeeeee;
      padding: 0 24rpx;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 16rpx;
      font-size: 24rpx;
      font-weight: 400;

      &:last-child {
        border-right: none;
      }
    }
  }
}

.staffs {
  margin-top: 240rpx;

  .staff {
    margin: 20rpx;
    padding: 20rpx;
    border-radius: 20rpx;
    background-color: #ffffff;
    .avatar {
      width: 100rpx;
      height: 100rpx;
      border-radius: 50rpx;
      margin-right: 30rpx;
    }

    .info {
      .name {
        font-size: 30rpx;
        font-weight: 600;
        .gender {
          font-size: 20rpx;
          font-weight: 500;
          color: #666666;
        }
      }

      .position {
        margin-top: 0.5em;
        font-size: 22rpx;
        color: #808080;
      }
    }
    
    .willing {
      min-width: max-content;
      max-width: 6em;
      margin-left: auto;
      font-size: 28rpx;
      font-weight: 600;
    }
  }
}